const path = require("path")
// 引入html插件
const HTMLPlugin = require('html-webpack-plugin')
module.exports = {
  mode: "production",//设置打包的模式,production表示生产模式 development开发模式
  //entry:"./hello/hello.js",//用来指定打包时的主文件默认./src/index.js
  // entry: "./src/a.js",
  output: {
    path: path.resolve(__dirname, "dist"), //指定打包的目录,必须要绝对路径
    //filename:"main.js",//打包后的文件名
    filename: "main.js",
    // clean: true//自动清理打包目录
  }, // 配置代码打包后的地址
  // loader
  module: {
    rules: [
      { test: /\.css$/, use: ['style-loader', 'css-loader'] }, // 从后往前执行 }, // 正则处理匹配以css结尾的
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: 'asset/resource',
      },
      // { test: /\.ts$/, use: 'ts-loader' },
      // babel解析器
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
          },
        },
      },
    ],
  },
  plugins: [
    // 可进行扩展
    new HTMLPlugin(
      { title: '你好啊' } // 修改浏览器标题
    ),
  ],
  devtool: 'inline-source-map', //设置代码映射
}